<template>
  <view class="super">
    <view class="newImg" style="width: 300rpx;" v-if="TeamType == 'new'">
      <image src="../../static/team/mh.png" mode="" style="width: 300rpx;"></image>
      <view class="" style="color:#fff;margin-top: 5rpx;">新团特惠剩余{{ teamDay}}天</view>
    </view>
    <view class="newImg" style="width: 164rpx;" v-if="TeamType == 'sup'">
      <image src="../../static/team/cj.png" mode="" style="width: 164rpx;height:25px;"></image>
      <view class="" style="color:#E49750">
        超级团
        <image src="../../static/team/hgs.png" mode="" style="width: 44rpx;height: 29rpx;margin-top: 4px;"></image>
      </view>
    </view>
    <view class="newImg" style="width: 164rpx;" v-if="TeamType == 'level'">
      <image src="../../static/team/zxs.png" mode="" style="width: 164rpx;border-top-left-radius: 5px;"></image>
      <view class="" style="color:#fff;display: flex;align-items: center;left: 14px;width: 200rpx;">
        <text style="font-size: 28rpx;margin-top: 5rpx;margin-right: 7.5px;">专享价</text>
        <image :src="teamImg" mode="" style="width: 49rpx;height: 49rpx;"></image>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
  const props = defineProps({
    teamImg: { type: String },
    TeamType:{type: String},
    teamDay:{type: Number},
  });
</script>

<style lang="less">
  .super {
    width: 100%;
    height: 64rpx;
    .newImg {
      width: 270rpx;
      display: flex;
      justify-content: center;
      position: absolute;
      image {
        width: 270rpx;
        height: 64rpx;
      }
      view {
        font-size: 28rpx;
        font-family: FontName;
        color: #ffffff;
        position: absolute;
        letter-spacing: 2rpx;
        top: -5rpx;
        text {
          font-size: 30rpx;
          margin: 0px 2rpx;
        }
      }
    }
  }
</style>